.slider {position: relative;overflow: hidden;}	
.slides {padding: 0; border: 0;height: 100%;/* Simple clear fix */overflow: hidden;/*** Prevent blinking issue* Not tested. Experimental. */-webkit-backface-visibility: hidden;-webkit-transform-style: preserve-3d;/*** Here is CSS transitions 		 * responsible for slider animation in modern broswers */-webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);-moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);-ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);-o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);}
	
.slide {height: 100%;float: left;clear: none;}
.slide img{width:100%;height:100%;}

.slider-arrows {}
.slider-arrow {position: absolute;display: block;margin-bottom: -20px;width: 60px;height: 60px;line-height: 60px;text-decoration: none;text-align: center;color: #fff;font-size: 2em;background-color: #333;background-color: rgba(50,50,50,.3);border-radius: 50%;}

.slider-arrow--right {bottom: 50%;right: 30px;}
.slider-arrow--left {bottom: 50%;left: 30px;}
.slider-nav {position: absolute;bottom: 30px;}
.slider-nav__item {width:6.8rem;height: 8px;float: left;clear: none;display: block;margin: 0 5px;background: #aaa;}
.slider-nav__item:hover {background:#F60;}
.slider-nav__item--current {background:#F60; }